body {
  background-color: #fff;
  color: #222;
  font-family: 'Gentium Book Basic';
  font-size: 11pt;
  margin: 0 0;
}

body.Dark {
  background-color: #222;
  color: #aaa;
}

body.Geek,
body.Geek *:not(.dsq-font) {
  font-family: 'Envy Code R', monospace !important;
}

a {
  color: #249FA3;
  text-decoration: none;
}

a:visited {
  color: #7C93A1;
}

a:hover {
  color: #5DC2C0;
  text-decoration: underline;
}

ol,
ul {
  padding-left: 0;
}

body.OldList ol,
body.OldList ul {
  padding-left: 5ex
}

li > ol,
li > ul {
  padding-left: 3ex;
}

kbd {
  background-color: #ccc;
  border: 2px solid #888;
  border-right: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  border-radius: 3px;
  font-family: "Envy Code R", "Courier New";
  padding: 0 3px;
}

body.Dark kbd {
  background-color: #444;
  border: 2px solid #111;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  color: #aaa;
}

button,
input,
select {
  background-color: #eee;
  border: none;
  border-radius: 0.5ex;
  -moz-border-radius: 0.5ex;
  -webkit-border-radius: 0.5ex;
  color: #000;
  margin: 0.25ex;
  padding: 0.25ex;
}

body.Dark button,
body.Dark input,
body.Dark select {
  background-color: #444;
  color: #aaa;
}

button:hover,
input:hover,
select:hover {
  background-color: #ddd;
}

body.Dark button:hover,
body.Dark input:hover,
body.Dark select:hover {
  background-color: #555;
}

button:focus,
input:focus {
  background-color: #ddf;
}

body.Dark button:focus,
body.Dark input:focus {
  background-color: #558;
}

button:active,
input:active {
  background-color: #fdd;
}

body.Dark button:active,
body.Dark input:active {
  background-color: #855;
}

.wrapper {
  margin: 0 auto;
  width: 640px;
}

.center {
  text-align: center;
}

#theme-switcher {
  background-color: #aaa;
  color: #222;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  padding: 3px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  text-align: center;
}

body.Dark #theme-switcher {
  background-color: #444;
  color: #aaa;
}

/* Widgets
========== */

.widget > h2 {
  font-family: Existence;
}

#ArchiveList ul {
  margin-left: 2em !important;
  list-style-type: disc !important;
}

#ArchiveList li {
  list-style-type: disc !important;
}

.PopularPosts > .widget-content > ul > li {
  padding: 0;
}

.status-msg-wrap {
  width: 640px;
}

.status-msg-border {
  width: 638px;
}

/* Blog header stuff
==================== */

#blog-header {
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
}

body.Dark #blog-header {
  border-bottom: 1px solid #444;
}

#Header1 {
  text-align: center;
}

#blog-title {
  font-family: 'Moms Typewriter';
  font-size: 4em;
  margin: 0.5em 0 0 0;
}

#blog-title > a,
#blog-title > a:hover,
#blog-title > a:visited {
  color: #000;
  text-decoration: none;
}

body.Dark #blog-title > a,
body.Dark #blog-title > a:hover,
body.Dark #blog-title > a:visited {
  color: #aaa;
}

/* Pages and Search Box */

#cse-search-box {
  background-color: #eee;
  border-radius: 0.5ex;
  float: right;
  font-family: "Envy Code R", monospace;
  height: 23px;
  margin-top: 0.5ex;
  padding: 0.5ex;
}

body.Dark #cse-search-box {
  background-color: #444;
}

#cse-search-box > div > input[type=text] {
  background-color: transparent;
  border: none;
  font-family: "Envy Code R", monospace;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

body.Dark #cse-search-box > div > input[type=text] {
  color: #aaa;
}

#PageList1 {
  font-family: Existence;
  font-size: 1.25em;
}

#PageList1 > ul {
  margin: 0 0;
  padding: 0.5ex 0;
}

#PageList1 > ul > li {
  background-color: #fff;
  border-radius: 0.5ex;
  display: inline-block;
  list-style-type: none;
  padding: 0.5ex;
}

body.Dark #PageList1 > ul > li {
  background-color: #444;
  color: #aaa;
}

#PageList1 > ul > li:hover {
  background-color: #eee;
}

body.Dark #PageList1 > ul > li:hover {
  background-color: #555;
}

#PageList1 > ul > li.selected {
  background-color: #efe;
}

body.Dark #PageList1 > ul > li.selected {
  background-color: #454;
}

/* Blog post stuff
================== */

/* Post header */
article > header {
  margin-bottom: 1em;
  text-align: center;
}

article > header > h1 {
  font-family: Prociono;
}

article > header > time {
  color: #444;
  font-size: 1.5em;
}

body.Dark article > header > time {
  color: #aaa;
}

.notice {
  background-color: LemonChiffon;
  border: 3px solid LemonChiffon;
  border-radius: 3px;
  box-shadow: 0 0 3px LemonChiffon;
  color: #3B6B9C;
  margin-bottom: 1em;
  padding: 0.5ex;
  width: 628px;
}

body.Dark .notice {
  background-color: DarkGreen;
  border: 3px solid DarkGreen;
  box-shadow: 0 0 3px DarkGreen;
  color: #aaa;
}

body.Dark .notice.warning,
.notice.warning {
  background-color: #d22;
  border: 3px solid #d22;
  box-shadow: 0 0 3px #d22;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
}

.notice.OldBlog {
  background-color: Pink;
  border: 3px solid Pink;
  box-shadow: 0 0 3px Pink;
}

body.Dark .notice.OldBlog {
  background-color: #804;
  border: 3px solid #804;
  box-shadow: 0 0 3px #804;
}

.notice.StatusDraft {
  background-color: LightSkyBlue;
  border: 3px solid LightSkyBlue;
  box-shadow: 0 0 3px LightSkyBlue;
  color: Tomato;
}

body.Dark .notice.StatusDraft {
  background-color: SteelBlue;
  border: 3px solid SteelBlue;
  box-shadow: 0 0 3px SteelBlue;
  color: #aaa;
}

article h2,
article h3,
article h4,
article h5,
article h6 {
  font-family: Prociono, serif;
  margin-top: 1em;
  margin-bottom: 1em;
}

article h2 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}

article h3 {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: capitalize;
}

/* Don't capitalize code */
article h2 code,
article h3 code,
article h2 tt.literal,
article h3 tt.literal {
  text-transform: none;
}

article h4 {
  font-size: 1.1em;
  font-weight: bold;
  text-indent: 1cm;
}

article h5 {
  font-size: 1.1em;
  font-style: italic;
  font-weight: bold;
  text-indent: 1cm;
}

article h6 {
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
  text-indent: 1cm;
}

.post-content {
  line-height: 1.5em;
}

.post-content img {
  height: auto !important;
  padding: 5px;
  border: 1px solid #eee;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

body.Dark .post-content img {
  border: none;
  box-shadow: 1px 1px 5px rgba(255, 255, 255, .5);
}

.post-content img.original-640 {
  margin-left: -6px;
  margin-right: 6px;
}

.post-content blockquote {
  display: block;
  margin: 0;
}

.post-content blockquote:before,
.post-content blockquote:after {
  color: #ccc;
  display: block;
  font-size: 72px;
}

.post-content blockquote:before {
/* ldquo is not declared */
  content: "\201c";
  height: 0;
  margin-left: -1ex;
  text-shadow: #666 -1px -1px 0px;
}

.post-content blockquote:after {
  content: "\201d";
  height: 0;
  margin-top: 0;
  margin-left: 640px;
  text-shadow: #666 1px 1px 0px;
}

.post-content code,
.post-content tt.literal {
  background-color:#eee;
  font-family: "Envy Code R", "Courier New";
  border-radius: 3px;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
}

body.Dark .post-content code,
body.Dark .post-content tt.literal {
  background-color:#666;
  color: #aaa;
}

.post-content a.has-code:hover {
  text-decoration: none;
}

.post-content a.has-code:hover,
.post-content a.has-code:hover tt.literal {
  text-decoration: underline;
}

.post-content a.has-code > code,
.post-content a.has-code > tt.literal {
  color: #249FA3;
}

.post-content a.highlighted {
  background-color: #7C93A1;
  border-radius: 3px;
  color: #fff;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
}

body.Dark .post-content a.highlighted {
  background-color: #888;
  color: #eee;
}

.post-content a.has-code.highlighted {
  background: none;
  border-radius: 0;
  box-shadow: none;
}

.post-content a.has-code.highlighted > code,
.post-content a.has-code.highlighted > tt.literal {
  background-color: #7C93A1;
  color: #fff;
}

body.Dark .post-content a.has-code.highlighted > code,
body.Dark .post-content a.has-code.highlighted > tt.literal {
  background-color: #888;
  color: #eee;
}

.post-content pre {
  background-color:#eee;
  font-family: "Envy Code R", "Courier New";
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  overflow:auto;
  word-wrap:normal;
  padding:5px;
}

body.Dark .post-content pre {
  background-color:#666;
  color: #aaa;
}

.post-content pre > code {
  background-color: #444;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding: 0.5ex;
  overflow-x: auto;
}

.gist {
  background-color: none !important;
  border: none !important;
}

.gist-file {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border: 1px solid #444 !important;
}

.gist-data {
  border-bottom: none !important;
}

.gist-file, .gist-data, .gist-meta {
  background-color: #444 !important;
}

/*

Zenburn style from voldmar.ru (c) Vladimir Epifanov [voldmar@voldmar.ru]
based on dark.css by Ivan Sagalaev

*/

pre code[class]:after {
  content: "highlight: " attr(class);
  display: block; text-align: right;
  font-size: smaller;
  color: #CCC;
  border-top: solid 1px black;
  padding-top: 0.5em;
}

pre code {
  display: block;
  background:#444;
  color: #DCDCDC;
}

pre .keyword,
pre .tag,
pre .django .tag,
pre .django .keyword,
pre .css .class,
pre .css .id,
pre .lisp .title {
  color: #E3CEAB;
}

pre .django .template_tag,
pre .django .variable,
pre .django .filter .argument {
  color: #DCDCDC;
}

pre .number,
pre .date {
  color: #8CD0D3;
}

pre .dos .envvar,
pre .dos .stream,
pre .variable,
pre .apache .sqbracket {
  color: #EFDCBC;
}

pre .dos .flow,
pre .diff .change,
pre .python .exception,
pre .python .built_in,
pre .literal {
  color: #EFEFAF;
}

pre .diff .chunk,
pre .ruby .subst {
  color: #8F8F8F;
}

pre .dos .keyword,
pre .python .decorator,
pre .class .title,
pre .function .title,
pre .ini .title,
pre .diff .header,
pre .ruby .class .parent,
pre .apache .tag {
    color: #efef8f;
}

pre .dos .winutils,
pre .ruby .symbol,
pre .ruby .string,
pre .ruby .instancevar {
  color: #DCA3A3;
}

pre .diff .deletion,
pre .string,
pre .tag .attribute .value,
pre .preprocessor,
pre .built_in,
pre .sql .aggregate,
pre .javadoc,
pre .smalltalk .class,
pre .smalltalk .localvars,
pre .smalltalk .array,
pre .css .rules .value,
pre .attr_selector,
pre .pseudo,
pre .apache .cbracket {
  color: #CC9393;
}

pre .shebang,
pre .diff .addition,
pre .comment,
pre .java .annotation,
pre .template_comment,
pre .pi,
pre .doctype {
  color: #7F9F7F;
}

pre .html .css,
pre .html .javascript {
  opacity: 0.5;
}

figure {
  display: block;
  text-align: center;
}

figcaption {
  display: block;
  text-align: center;
}

#post-comments {
  margin: 0 auto;
  width: 640px;
}

/* Post footer */

article > footer {
  background-color: #F9F9F9;
  border-radius: 0.5ex;
  color: #666;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 1em auto 0 auto;
  padding: 0.5ex 0.5ex;
  width: 640px;
}

body.Dark article > footer {
  background-color: #333;
  color: #aaa;
}

/* AdSense */

#AdSense1 {
  margin: 10px auto;
  width: 728px;
}

/* Blog footer stuff
==================== */

#blog-footer {
  border-top: 1px solid #EEE;
  margin-top: 10px;
}

body.Dark #blog-footer {
  border-top: 1px solid #444;
}

#footer-widgets-left {
  float: left;
  padding-right: 10px;
  width: 310px;
}

#footer-widgets-right {
  float: right;
  width: 310px;
}
